<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>指标预警</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta name="screen-orientation" content="portrait" />
    <!-- <link rel="stylesheet" href="../Resources/css/mui.css"> -->
    <link rel="stylesheet" href="/Resources/2.0/css/public.css">
    <link rel="stylesheet" href="/Resources/2.0/css/aimWarn.css">
    <script src="/Resources/2.0/js/size.js"></script>


</head>

<body>
    <div class="aimWarn" id="app">
        <div class="aimWarn-section">
            <div class="aim-title">
                <div class="fl">
                    <img src="/Resources/2.0/images/aimWarn-title1.png" alt="" class="img-title">
                    <span class="num">
                        0
                    </span>
                </div>
                <div class="fr">
                    <a href="javascript:;" class="view brown">
                        查看历史同类预警
                    </a>
                </div>
            </div>
            <div class="aim-content">
                <div class="aimWarn-section-empty">
                    今日无此类预警
                </div>
            </div>
        </div>
        <div class="aimWarn-section">
            <div class="aim-title">
                <div class="fl">
                    <img src="/Resources/2.0/images/aimWarn-title2.png" alt="" class="img-title">
                    <span class="num">
                        2
                    </span>
                </div>
                <div class="fr">
                    <a href="javascript:;" class="view brown">
                        查看历史同类预警
                    </a>
                </div>
            </div>
            <div class="aim-content">
                <ul>
                    <li>
                        <div class="item">
                            <div class="fl">
                                <h3>
                                    上海螺纹长达长提可能会涨价
                                </h3>
                                <div class="time">
                                    <label for="">区域差预警</label>
                                    2018-10-16
                                </div>
                            </div>
                            <img src="/Resources/2.0/images/arrow.png" alt="" class="fr arrow">
                        </div>
                    </li>
                    <li>
                        <div class="item">
                            <div class="fl">
                                <h3>
                                    上海螺纹长达长提可能会涨价
                                </h3>
                                <div class="time">
                                    <label for="">区域差预警</label>
                                    2018-10-16
                                </div>
                            </div>
                            <img src="/Resources/2.0/images/arrow.png" alt="" class="fr arrow">
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="aimWarn-section">
            <div class="aim-title">
                <div class="fl">
                    <img src="/Resources/2.0/images/aimWarn-title3.png" alt="" class="img-title">
                    <span class="num">
                        3
                    </span>
                </div>
                <div class="fr">
                    <a href="javascript:;" class="view brown">
                        查看历史同类预警
                    </a>
                </div>
            </div>
            <div class="aim-content">
                <ul>
                    <li>
                        <div class="item">
                            <div class="fl">
                                <h3>
                                    上海螺纹长达长提可能会涨价
                                </h3>
                                <div class="time">
                                    <label for="">区域差预警</label>
                                    2018-10-16
                                </div>
                            </div>
                            <img src="/Resources/2.0/images/arrow.png" alt="" class="fr arrow">
                        </div>
                        <div class="item-content" style="display:none">
                            <div class="text">
                                7月29日，建材沈阳-杭州价差由正转负。从历史数据看，当建材沈阳-杭州的价差由正转负时，后续可能会有一波上涨的行情，如2017.5.15
                                、2017.6.28、2018.3.30
                            </div>
                            <div class="chart">
                                <img src="/Resources/2.0/images/charts.jpg" alt="">
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item">
                            <div class="fl">
                                <h3>
                                    上海螺纹长达长提可能会涨价
                                </h3>
                                <div class="time">
                                    <label for="">区域差预警</label>
                                    2018-10-16
                                </div>
                            </div>
                            <img src="/Resources/2.0/images/arrow.png" alt="" class="fr arrow">
                        </div>
                        <div class="item-content" style="display:none">
                            <div class="text">
                                7月29日，建材沈阳-杭州价差由正转负。从历史数据看，当建材沈阳-杭州的价差由正转负时，后续可能会有一波上涨的行情，如2017.5.15
                                、2017.6.28、2018.3.30
                            </div>
                            <div class="chart">
                                <img src="/Resources/2.0/images/charts.jpg" alt="">
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="aimWarn-section">
            <div class="aim-title">
                <div class="fl">
                    <img src="/Resources/2.0/images/aimWarn-title3.png" alt="" class="img-title">
                    <span class="num">
                        3
                    </span>
                </div>
                <div class="fr">
                    <a href="javascript:;" class="view brown">
                        查看历史同类预警
                    </a>
                </div>
            </div>
            <div class="aim-content">
                <ul>
                    <li>
                        <div class="item">
                            <div class="fl">
                                <h3>
                                    上海螺纹长达长提可能会涨价
                                </h3>
                                <div class="time">
                                    <label for="">区域差预警</label>
                                    2018-10-16
                                </div>
                            </div>
                            <img src="/Resources/2.0/images/arrow.png" alt="" class="fr arrow">
                        </div>
                        <div class="item-content" style="display:none">
                            <div class="text">
                                7月29日，建材沈阳-杭州价差由正转负。从历史数据看，当建材沈阳-杭州的价差由正转负时，后续可能会有一波上涨的行情，如2017.5.15
                                、2017.6.28、2018.3.30
                            </div>
                            <div class="chart">
                                <img src="/Resources/2.0/images/charts.jpg" alt="">
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item">
                            <div class="fl">
                                <h3>
                                    上海螺纹长达长提可能会涨价
                                </h3>
                                <div class="time">
                                    <label for="">区域差预警</label>
                                    2018-10-16
                                </div>
                            </div>
                            <img src="/Resources/2.0/images/arrow.png" alt="" class="fr arrow">
                        </div>
                        <div class="item-content" style="display:none">
                            <div class="text">
                                7月29日，建材沈阳-杭州价差由正转负。从历史数据看，当建材沈阳-杭州的价差由正转负时，后续可能会有一波上涨的行情，如2017.5.15
                                、2017.6.28、2018.3.30
                            </div>
                            <div class="chart">
                                <img src="/Resources/2.0/images/charts.jpg" alt="">
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="aimWarn-section">
            <div class="aim-title">
                <div class="fl">
                    <img src="/Resources/2.0/images/aimWarn-title3.png" alt="" class="img-title">
                    <span class="num">
                        3
                    </span>
                </div>
                <div class="fr">
                    <a href="javascript:;" class="view brown">
                        查看历史同类预警
                    </a>
                </div>
            </div>
            <div class="aim-content">
                <ul>
                    <li>
                        <div class="item">
                            <div class="fl">
                                <h3>
                                    上海螺纹长达长提可能会涨价
                                </h3>
                                <div class="time">
                                    <label for="">区域差预警</label>
                                    2018-10-16
                                </div>
                            </div>
                            <img src="/Resources/2.0/images/arrow.png" alt="" class="fr arrow">
                        </div>
                        <div class="item-content" style="display:none">
                            <div class="text">
                                7月29日，建材沈阳-杭州价差由正转负。从历史数据看，当建材沈阳-杭州的价差由正转负时，后续可能会有一波上涨的行情，如2017.5.15
                                、2017.6.28、2018.3.30
                            </div>
                            <div class="chart">
                                <img src="/Resources/2.0/images/charts.jpg" alt="">
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item">
                            <div class="fl">
                                <h3>
                                    上海螺纹长达长提可能会涨价
                                </h3>
                                <div class="time">
                                    <label for="">区域差预警</label>
                                    2018-10-16
                                </div>
                            </div>
                            <img src="/Resources/2.0/images/arrow.png" alt="" class="fr arrow">
                        </div>
                        <div class="item-content" style="display:none">
                            <div class="text">
                                7月29日，建材沈阳-杭州价差由正转负。从历史数据看，当建材沈阳-杭州的价差由正转负时，后续可能会有一波上涨的行情，如2017.5.15
                                、2017.6.28、2018.3.30
                            </div>
                            <div class="chart">
                                <img src="/Resources/2.0/images/charts.jpg" alt="">
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="aimWarn-section">
            <div class="aim-title">
                <div class="fl">
                    <img src="/Resources/2.0/images/aimWarn-title3.png" alt="" class="img-title">
                    <span class="num">
                        3
                    </span>
                </div>
                <div class="fr">
                    <a href="javascript:;" class="view brown">
                        查看历史同类预警
                    </a>
                </div>
            </div>
            <div class="aim-content">
                <ul>
                    <li>
                        <div class="item">
                            <div class="fl">
                                <h3>
                                    上海螺纹长达长提可能会涨价
                                </h3>
                                <div class="time">
                                    <label for="">区域差预警</label>
                                    2018-10-16
                                </div>
                            </div>
                            <img src="/Resources/2.0/images/arrow.png" alt="" class="fr arrow">
                        </div>
                        <div class="item-content" style="display:none">
                            <div class="text">
                                7月29日，建材沈阳-杭州价差由正转负。从历史数据看，当建材沈阳-杭州的价差由正转负时，后续可能会有一波上涨的行情，如2017.5.15
                                、2017.6.28、2018.3.30
                            </div>
                            <div class="chart">
                                <img src="/Resources/2.0/images/charts.jpg" alt="">
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item">
                            <div class="fl">
                                <h3>
                                    上海螺纹长达长提可能会涨价
                                </h3>
                                <div class="time">
                                    <label for="">区域差预警</label>
                                    2018-10-16
                                </div>
                            </div>
                            <img src="/Resources/2.0/images/arrow.png" alt="" class="fr arrow">
                        </div>
                        <div class="item-content" style="display:none">
                            <div class="text">
                                7月29日，建材沈阳-杭州价差由正转负。从历史数据看，当建材沈阳-杭州的价差由正转负时，后续可能会有一波上涨的行情，如2017.5.15
                                、2017.6.28、2018.3.30
                            </div>
                            <div class="chart">
                                <img src="/Resources/2.0/images/charts.jpg" alt="">
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="aimWarn-section">
            <div class="aim-title">
                <div class="fl">
                    <img src="/Resources/2.0/images/aimWarn-title3.png" alt="" class="img-title">
                    <span class="num">
                        3
                    </span>
                </div>
                <div class="fr">
                    <a href="javascript:;" class="view brown">
                        查看历史同类预警
                    </a>
                </div>
            </div>
            <div class="aim-content">
                <ul>
                    <li>
                        <div class="item">
                            <div class="fl">
                                <h3>
                                    上海螺纹长达长提可能会涨价
                                </h3>
                                <div class="time">
                                    <label for="">区域差预警</label>
                                    2018-10-16
                                </div>
                            </div>
                            <img src="/Resources/2.0/images/arrow.png" alt="" class="fr arrow">
                        </div>
                        <div class="item-content" style="display:none">
                            <div class="text">
                                7月29日，建材沈阳-杭州价差由正转负。从历史数据看，当建材沈阳-杭州的价差由正转负时，后续可能会有一波上涨的行情，如2017.5.15
                                、2017.6.28、2018.3.30
                            </div>
                            <div class="chart">
                                <img src="/Resources/2.0/images/charts.jpg" alt="">
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item">
                            <div class="fl">
                                <h3>
                                    上海螺纹长达长提可能会涨价
                                </h3>
                                <div class="time">
                                    <label for="">区域差预警</label>
                                    2018-10-16
                                </div>
                            </div>
                            <img src="/Resources/2.0/images/arrow.png" alt="" class="fr arrow">
                        </div>
                        <div class="item-content" style="display:none">
                            <div class="text">
                                7月29日，建材沈阳-杭州价差由正转负。从历史数据看，当建材沈阳-杭州的价差由正转负时，后续可能会有一波上涨的行情，如2017.5.15
                                、2017.6.28、2018.3.30
                            </div>
                            <div class="chart">
                                <img src="/Resources/2.0/images/charts.jpg" alt="">
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

    </div>


    <script src="/Resources/2.0/js/zepto.js"></script>
    <script src="/Resources/2.0/js/mui.min.js"></script>

    <script src="/Resources/2.0/js/public.js"></script>
    <script src="/Resources/2.0/js/zepto.animate.basic.js"></script>
    <script src="/Resources/2.0/js/zepto.animate.js"></script>
    <script>
      
        mui.init({
            gestureConfig: {
                longtap: true, //默认为false
            }
        });
        mui('.aim-content').on('tap', '.item',function () {
            var _this = $(this)[0]
            var _thisContent = $(this).siblings('.item-content')[0]
            if (_thisContent) {
                Zepto('.aim-content .item').not(_this).removeClass('active')
                Zepto('.aim-content .item-content').not(_thisContent).hide()
                Zepto(this).toggleClass('active').siblings('.item-content').toggle();
            }
        })
     
    </script>


</body>

</html>